2D TRANSFORAMCIJE

Translate

translate() omogućuje pomicanje elementa na X i Y osima. Translate je definiran u pikselima (px), postocima (%) ili drugim jedinicama. x je pomak u horizontalnom smjeru (lijevo/desno). y je pomak u vertikalnom smjeru (gore/dolje).

Rotate

rotate() omogućuje rotiranje elementa oko njegove središnje točke. Rotacija je definirana u stupnjevima (°). deg označava kut rotacije u stupnjevima.

Matrix

matrix() je funkcija koja kombinira translate, scale, i rotate transformacije u jednu funkciju.

Scale

scale() omogućava skaliranje elementa na obje osi (X i Y). Povećanje vrijednosti skalirat će element, dok smanjenje vrijednosti smanjuje element.

Scale X

scaleX() omogućava skaliranje elementa samo na X osi (horizontalno).

Scale Y

scaleY() omogućava skaliranje elementa samo na Y osi (vertikalno).

Skew

skew() omogućava nagnuti element na obje osi (X i Y), stvarajući efekt paralelograma.

skewX

skewX() omogućava nagnuti element samo na X osi (horizontalno), stvarajući efekt paralelograma.

SkewY

skewY() omogućava nagnuti element samo na Y osi (vertikalno), stvarajući efekt paralelograma.